.bg {
  &-primary {
    background-color: $color-primary;
  }
  &-success {
    background-color: $uni-success;
  }
  &-warning {
    background-color: $uni-warning;
  }
  &-error {
    background-color: $uni-error;
  }
  &-info {
    background-color: $uni-info;
  }
  &-white {
    background-color: $uni-white;
  }

  &-white-light {
    background-color: rgba($color: $uni-white, $alpha: 0.6);
  }

  &-white-lighter {
    background-color: rgba($color: $uni-white, $alpha: 0.1);
  }

  &-black {
    background-color: $uni-black;
  }

  &-gray {
    background-color: $uni-secondary-color;
  }

  &-gray-blue {
    background-color: #9ca3af;
  }
}
